<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>baidu.com</title>
        <style>
        *{
            margin: 0px;
            padding: 0px;
            list-style: none;
        }
        nav{
            overflow: hidden;
        }
        ul{
            float: right;
        }
        li{
            float: left;
            margin-right: 10px;
            font-size: 14px;
        }
        .more{
            background: #38f;
        }
        h1{
            text-align: center;
        }
        h1 img{
            height: 140px;
        }
        p{
            text-align: center;
            font-size: 12px;
        }
        p a{
            text-decoration: none;
            color: #ccc;
            margin-right: 10px;
        }
        .search{
            width: 400px;
            height: 30px;
            background:black;
            margin: 60px auto 120px;
        }
        </style>
    </head>
    <body>
     <nav>
         <ul>
             <li>糯米</li>
             <li>新闻</li>
             <li>hao123</li>
             <li>地图</li>
             <li>视频</li>
             <li>贴吧</li>
             <li>登录</li>
             <li>设置</li>
             <li class="more">更多产品</li>
         </ul>
     </nav>
     <h1>
         <img src="images/bd_logo1.png" alt="">
     </h1>
     <div class="search"></div>
     <p>
         <img src="images/zbios_efde696.png" alt="">
         <br>
         <span>手机百度</span>
     </p>
     <p><a href="">把百度设为主页关于百度About</a>  <a href="">Baidu百度推广</a></p>
     <p>?2016 Baidu 使用百度前必读 意见反馈 京ICP证030173号   京公网安备11000002000001号</p>
    </body>
</html>